<template>
  <div class="index">
    <wx-index-navbar>
      <div slot="title">通讯录</div>
    </wx-index-navbar>
    <div class="mt"></div>

    <contact-cell v-for="(item,index) in base" :key="'contact-cell'+index"
                  :title="item.title" :img="item.img"></contact-cell>
    <index-bar></index-bar>
    <div class="blank"></div>
    <tabbar></tabbar>
  </div>
</template>

<script>
import {base} from "@/data/contact";
import Tabbar from "../../components/tabbar/tabbar";
import WxIndexNavbar from "../../components/wxIndexNavbar/wxIndexNavbar";
import IndexBar from "./indexBar";
import ContactCell from "./contactCell";

export default {
  name: "index",
  components: {ContactCell, IndexBar, WxIndexNavbar, Tabbar},
  data() {
    return {
      base
    }
  }
}
</script>

<style scoped>
.index {
  background-color: #EEEEEE;
}

</style>